/* ==============================================================================
 * 创 建 者：lyt
 * 创建日期：2017-07-14	
 * 功能描述：

 * 修 改 人:
 * 修改时间:
 * 修改描述：
 * ==============================================================================*/

//会员图谱（接点图谱）
var getListUrl = baseUrl + 'MemberF/GetRecommendLevelList';
//会员信息获取
var getMemberViewUrl = baseUrl + 'MemberF/MemberView';

var vu,mescroll,mescroll1,mescroll2,mescroll3;
$(function(){
	initVue();
	
});

function initVue(){
	vu = new Vue({
		el : '#mescroll',
		data : { 
			member : '',
			pageIndex : 1,
			TotalPageCount : '',
			List : [],
			
			pageIndex1 : 1,
			TotalPageCount1 : '',
			List1 : [],
			
			pageIndex2 : 1,
			TotalPageCount2 : '',
			List2 : [],
			
			pageIndex3 : 1,
			TotalPageCount3 : '',
			List3 : [],
		},
		mounted: function() {
//			this.getList();
			this.getMemberView();
			initMescroll();
			initMescroll1();
			initMescroll2();
			initMescroll3();
		},
		methods : {
			getMemberView : getMemberView,
			getList : getList,
			
		}
	})
}

function getList(){
	common.get(getListUrl,{level:1,pageIndex: vu.pageIndex,pageSize: 15,},'json',function(r){
		if(r.ErrorCode==0){
			vu.TotalPageCount = r.Data.TotalPageCount;
			mescroll.endByPage(r.Data.TotalItemCount, vu.TotalPageCount);
			if(vu.pageIndex == 1){
				vu.List = r.Data.List;
			}else{
				vu.List = vu.List.concat(r.Data.List);
			}
			vu.pageIndex++;
		}else{
			mui.toast(r.ErrorMsg);
		}
	})
}

function initMescroll(){
	mescroll = new MeScroll("item1", {
		down:{
			use: false, //是否初始化下拉刷新; 默认true
			callback: function(mescroll) {
				vu.pageIndex = 1;
				mescroll.resetUpScroll();
				getList();
			}
		},
		up: {
			auto: true,
			isBounce: false, //此处禁止ios回弹,解析(务必认真阅读,特别是最后一点): http://www.mescroll.com/qa.html#q10
			clearEmptyId: "dataList", //1.下拉刷新时会自动先清空此列表,再加入数据; 2.无任何数据时会在此列表自动提示空
			toTop:{ //配置回到顶部按钮
				src : "phoneContent/img/top.png", //默认滚动到1000px显示,可配置offset修改
				//offset : 1000
			},
			htmlNodata: '<p class="upwarp-nodata">-- 没有更多数据了 --</p>', //无数据的布局
			callback: function (){//上拉回调
				getList();
			},
			page : {
				size : 15, 
			},
		}
	})
}


function getList1(){
	common.get(getListUrl,{level:2,pageIndex: vu.pageIndex1,pageSize: 15,},'json',function(r){
		if(r.ErrorCode==0){
			vu.TotalPageCount1 = r.Data.TotalPageCount;
			mescroll1.endByPage(r.Data.TotalItemCount, vu.TotalPageCount1);
			if(vu.pageIndex1 == 1){
				vu.List1 = r.Data.List;
			}else{
				vu.List1 = vu.List1.concat(r.Data.List);
			}
			vu.pageIndex1++;
		}else{
			mui.toast(r.ErrorMsg);
		}
	})
}

function initMescroll1(){
	mescroll1 = new MeScroll("item2", {
		down:{
			use: false, //是否初始化下拉刷新; 默认true
			callback: function(mescroll) {
				vu.pageIndex1 = 1;
				mescroll1.resetUpScroll();
				getList1();
			}
		},
		up: {
			auto: true,
			isBounce: false, //此处禁止ios回弹,解析(务必认真阅读,特别是最后一点): http://www.mescroll.com/qa.html#q10
			clearEmptyId: "dataList1", //1.下拉刷新时会自动先清空此列表,再加入数据; 2.无任何数据时会在此列表自动提示空
			toTop:{ //配置回到顶部按钮
				src : "phoneContent/img/top.png", //默认滚动到1000px显示,可配置offset修改
				//offset : 1000
			},
			htmlNodata: '<p class="upwarp-nodata">-- 没有更多数据了 --</p>', //无数据的布局
			callback: function (){//上拉回调
				getList1();
			},
			page : {
				size : 15, 
			},
		}
	})
}


function getList2(){
	common.get(getListUrl,{level:3,pageIndex: vu.pageIndex2,pageSize: 15,},'json',function(r){
		if(r.ErrorCode==0){
			vu.TotalPageCount2 = r.Data.TotalPageCount;
			mescroll2.endByPage(r.Data.TotalItemCount, vu.TotalPageCount2);
			if(vu.pageIndex2 == 1){
				vu.List2 = r.Data.List;
			}else{
				vu.List2 = vu.List2.concat(r.Data.List);
			}
			vu.pageIndex2++;
		}else{
			mui.toast(r.ErrorMsg);
		}
	})
}

function initMescroll2(){
	mescroll2 = new MeScroll("item3", {
		down:{
			use: false, //是否初始化下拉刷新; 默认true
			callback: function(mescroll) {
				vu.pageIndex2 = 1;
				mescroll2.resetUpScroll();
				getList2();
			}
		},
		up: {
			auto: true,
			isBounce: false, //此处禁止ios回弹,解析(务必认真阅读,特别是最后一点): http://www.mescroll.com/qa.html#q10
			clearEmptyId: "dataList2", //1.下拉刷新时会自动先清空此列表,再加入数据; 2.无任何数据时会在此列表自动提示空
			toTop:{ //配置回到顶部按钮
				src : "phoneContent/img/top.png", //默认滚动到1000px显示,可配置offset修改
				//offset : 1000
			},
			htmlNodata: '<p class="upwarp-nodata">-- 没有更多数据了 --</p>', //无数据的布局
			callback: function (){//上拉回调
				getList2();
			},
			page : {
				size : 15, 
			},
		}
	})
}

function getList3(){
	common.get(getListUrl,{level:4,pageIndex: vu.pageIndex3,pageSize: 15,},'json',function(r){
		if(r.ErrorCode==0){
			vu.TotalPageCount3 = r.Data.TotalPageCount;
			mescroll3.endByPage(r.Data.TotalItemCount, vu.TotalPageCount3);
			if(vu.pageIndex3 == 1){
				vu.List3 = r.Data.List;
			}else{
				vu.List3 = vu.List3.concat(r.Data.List);
			}
			vu.pageIndex3++;
		}else{
			mui.toast(r.ErrorMsg);
		}
	})
}

function initMescroll3(){
	mescroll3 = new MeScroll("item4", {
		down:{
			use: false, //是否初始化下拉刷新; 默认true
			callback: function(mescroll) {
				vu.pageIndex3 = 1;
				mescroll3.resetUpScroll();
				getList3();
			}
		},
		up: {
			auto: true,
			isBounce: false, //此处禁止ios回弹,解析(务必认真阅读,特别是最后一点): http://www.mescroll.com/qa.html#q10
			clearEmptyId: "dataList3", //1.下拉刷新时会自动先清空此列表,再加入数据; 2.无任何数据时会在此列表自动提示空
			toTop:{ //配置回到顶部按钮
				src : "phoneContent/img/top.png", //默认滚动到1000px显示,可配置offset修改
				//offset : 1000
			},
			htmlNodata: '<p class="upwarp-nodata">-- 没有更多数据了 --</p>', //无数据的布局
			callback: function (){//上拉回调
				getList3();
			},
			page : {
				size : 15, 
			},
		}
	})
}

function getMemberView(){
	common.get(getMemberViewUrl,{},'json',function(r){
		if(r.ErrorCode==0){
			vu.member = r.Data.member;
		}else{
			mui.toast(r.ErrorMsg);
		}
	})
}




